<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
			.tips-panel{
				position: fixed;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				z-index: 2111;
				background-color: rgba(0,0,0,0.5);
			}
			
			.tips-panel .panel{
				background-color: #FFFFFF;
				width: 300px;
				height: 150px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 280px;
				border-radius: 3px;
			}
			
			.tips-panel .panel .content{
				padding: 20px;
			}
			
			.tips-panel .panel .content .close-btn{
				position: absolute;
				right: 10px;
				top: 10px;
				background: none;
				border: none;
				outline: none;
			}
			
			.horizon1{
				margin-top: 20px;
				height: 1px;
				background-color: #eaeaea;
			}
			
			.tipsword{
				margin-top: 20px;
				text-align: center;
				color: #727272;
			}
			
			.btnpanl{
				margin-top: 26px;
				text-align: right;
				margin-right: 0px;
			}
			.btns{
				font-size: 15px;
				background-color: #ffc000;
				padding: 5px;
				padding-left: 12px;
				padding-right: 12px;
				color: #FFFFFF;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div id="tips_panel" class="tips-panel">
			<div class="panel">
				<div class="content poz-relative">
					<span style="position: absolute;left: 20px; top:13px;color: #b5b5b5;">提示</span>
					<button class="close-btn" v-on:click="TipsExit()"><span class="iconfont icon-close"></span></button>
					<div class="horizon1"></div>
					
					<div class="tipsword"> {{tipsmsg}} </div>
					<div class="btnpanl"> 
						<div v-if="tipstype == 1">
							<span class="btns" v-on:click="TipsOk()">确定</span> <span class="btns" v-on:click="TipsExit()">取消</span> 
						</div>
						<div v-else-if="tipstype == 2">
							<span class="btns" v-on:click="TipsExit()">确定</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	
	<script>
		
		function closePanl(){
			document.getElementById('tips_panel').style.display = 'none';
		}

		function showtipsPanel(){
			document.getElementById('tips_panel').style.display = 'inherit';
		}
		
		var tipvue = new Vue({
			el:'#tips_panel',
			data:{
				tipsmsg:"是否取消关注",
				tipstype:2,
				backobj:{}
			},
			methods:{
				TipsOk:function(){
					if(typeof tipsokfun == "function"){
						tipsokfun(this.backobj);
					}
					else if(typeof tipsexitfun == "function"){
						tipsexitfun(this.backobj);
					}
					tipsexitfun({});
				},
				TipsExit:function(){
					tipsexitfun(this.backobj);
				}
			}
		});
		
		function InitTip(objData,backObj){
			tipvue.tipsmsg = objData.tipsmsg;
			tipvue.tipstype = objData.tipstype;
			tipvue.backobj = backObj;
		}
		
		
	</script>
</html>
